<template>
  <div id="app">
    <div class="topBar">
      <top-bar></top-bar>
    </div>

    <router-view />

    <div class="bottomBar">
      <bottom-bar></bottom-bar>
    </div>
  </div>
</template>

<script>
import BottomBar from "./components/BottomBar.vue";
import TopBar from "./components/TopBar.vue";

export default {
  components: { TopBar, BottomBar },
};
</script>
<style lang="less" scoped>
.topBar {
  height: 45px;
}
.bottomBar{
  height: 45px;
}
</style>
